<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title></title>
    <script type="text/javascript" src="../../../core/seajs/dist/sea-debug.js"></script>
    <script type="text/javascript" src="../../../core/seajs/dist/config.js"></script>

    <script type="text/javascript">
        function test() {
            alert("menuItem 01: Go to page change password.");
        }
        seajs.use([ 'common/drop_menu/src/js/drop_menu' ], function(DropMenu) {
            var dropMenu = new DropMenu({
                attrs : {
                    'url':'data.json',
                    'itemWidth': 126,
                    'itemHeight': 26,
                    'eventName': "click",
                    'autoHide': false,
                    'alignRight': false,
                    'callback': null
                },
                renderTo : 'menuWrap'
            });

            $( "#showMenu" ).bind('click', function() {
                $( dropMenu.element[0] ).show();
                return false;
            });
        });
    </script>
</head>
<body>
<div id="menuWrap" class="float_left w_110px">
    <a href="." id="showMenu">showMenu</a>
</div>
<a href="." id="nothing">nothing</a>
</body>
</html>